<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Benchmark</title>
</head>
<body>
<script type="text/vdt" id="template">
<div>
    <h1>{title}</h1>
    <ul>
        {results.map(function(result) {
            return <li>{result}</li>
        })}
    </ul>
    <div style={{color: 'green'}}>{fastest}</div>
    <div style={{color: 'red'}}>{error}</div>
    <hr />
</div>
</script>

<script type="text/javascript" src="../node_modules/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="../node_modules/lodash/index.js"></script>
<script type="text/javascript">
    var lodash = _.noConflict();
</script>
<script type="text/javascript" src="../node_modules/underscore/underscore.js"></script>
<script type="text/javascript">
    var underscore = _.noConflict();
</script>
<script type="text/javascript" src="../node_modules/platform/platform.js"></script>
<script type="text/javascript" src="../node_modules/benchmark/benchmark.js"></script>
<script type="text/javascript" src="../dist/vdt.js"></script>
<script type="text/javascript" src="../node_modules/handlebars/dist/handlebars.js"></script>
<script type="text/javascript" src="../node_modules/mustache/mustache.js"></script>
<script type="text/javascript" src="./benchmark.browser.js"></script>
</body>
</html>